<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		<link rel="stylesheet" href="myLogin.css">
	</head>
	<body>
		<header>
			<img src="../images/header/logo.png">
			<h1>欢迎登录</h1>
		</header>
		<article>
			<div id="form_div">
				<div >
					<h2>登陆学子商城<a href="#">新用户注册</a></h2>
					<div class="field">
						<input type="text" placeholder="请输入您的用户名">
						<p>用户名不能为空！</p>
						<img src="../images/login/yhm.png">
					</div>
					<div class="field">
						<input type="password" placeholder="请输入您的密码">
						<p>密码不能为空！</p>
						<img src="../images/login/mm.png">
					</div>
					<div id="auto_div">
						<input type="checkbox" id="auto">
						<label for="aotu">自动登录</label>
						<a href="#">忘记密码</a>
					</div>
						<input type="submit" value="登录">
				</div>
				
				</div>
				<div id="service_div">
					<div>
						<img src="../images/footer/icon1.png">
						<p>品质保障</p>
					</div>
					<div>
						<img src="../images/footer/icon2.png">
						<p>私人订制</p>
					</div>
					<div>
						<img src="../images/footer/icon3.png">
						<p>学院特供</p>
					</div>
					<div>
						<img src="../images/footer/icon4.png">
						<p>专属特权</p>
					</div>
				</div>
		</article>
		
		<footer>
			<div>
				<div id="left_div">
					<img src="../images/footer/logo.png">
					<img src="../images/footer/footerFont.png">
				</div>
				<div id="center_div">
					<ul>
						<li><a href="#">买家帮助</a>
							<ul>
								<li><a href="#">新手指南</a></li>
								<li><a href="#">服务保障</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</li>
						<li><a href="#">买家帮助</a>
							<ul>
								<li><a href="#">新手指南</a></li>
								<li><a href="#">服务保障</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</li>
						<li><a href="#">买家帮助</a>
							<ul>
								<li><a href="#">新手指南</a></li>
								<li><a href="#">服务保障</a></li>
								<li><a href="#"><img src="../images/footer/wechat.png"></a></li>
								<li><a href="#"><img src="../images/footer/sinablog.png"></a></li>
							</ul>
						</li>
					</ul>
				</div>
				<div id="right_div">
				<div>
					<p>学子商城客户端</p>
					<img src="../images/footer/ios.png">
					<img src="../images/footer/android.png">
					</div>
					<img src="../images/footer/erweima.png">
				</div>
			</div>
			<p>©2017 达内集团有限公司 版权所有 京ICP证xxxxxxxxxxx</p>
		</footer>
	</body>
</html>